<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>


<p> This is Jquery <span>Each </span> Example</p>

<p>The quick brown fox jumps <span> over </span>  the lazy white dog. </p>

<div class="combinedText"></div>


<button class="btnAdd" >Add</button>
<!--<script type="text/javascript" src="lib/jquery-1.11.1.js"> </script> cors  -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.js"></script>

<script type="text/javascript">

    $('.btnAdd').click(function(event){
        var combinedHtml = '';
        $('p span').each(function(idx){
         combinedHtml +=  $(this).html();
        });
        $('.combinedText').html(combinedHtml);
    });

</script>

</body>
</html>